<view class="weui-flex tab-bar">
	  <block v-for="item in list" :key="item">
		<navigator hover-class="none" :url="item.pagePath"  open-type="switchTab" 
		class="weui-flex__item menu-item" 
		:style="item.active? 'color: '+(item.selectedColor? item.selectedColor : selectedColor) : ''" 
		v-if="item.hidden!==true">
		  <image :src="item.selectedIconPath" v-if="item.active" class="img"></image>
		  <image :src="item.iconPath" v-if="!item.active" class="img"></image>
		  <text class='tabbar_text'>{{item.text}}</text>
		</navigator>
	  </block>
	  <view class="clear"></view>
</view>
<script>
  export default {
    data() {
      return {
       color:'#333',
       selectedColor:'#1aad19',
       backgroundColor:'#1aad19',
       position:'bottom',
       borderStyle:'#ccc',
      }
    },
	props: {
	    list:{
	      type:Array,
	      value:[]
	    }
	},
	methods: {

	}
  }
</script>